Le aperture del sito e dell'applicativo
Come si apre la homepage, una pagina qualunque, l'accesso all'app e una schermata di lavoro: due varianti ciascuna, sul computer e sul telefono.
9.5 · APERTURA DELLA HOMEPAGE
Presenta il brand a chi arriva
H-AIl quadro apertoTitolo su bianco; a destra i sei servizi come sei moduli su guida, chiusi dalla sbarra.
H-BLa fasciaFascia magenta a tutta larghezza, titolo bianco, la sbarra che la chiude.
9.5 · APERTURA DI UNA PAGINA QUALUNQUE
La più sobria, ripetuta da tutte le altre
Esempio: «Chi siamo». Le pagine legali non hanno apertura: tengono l'intestazione fissa.
P-ATarghetta, titolo, sbarraLa pagina si presenta come un modulo etichettato.
P-BFascia sottile con il percorsoUna barra magenta porta percorso e codice; il titolo sta sul bianco.
16.1 · SCHERMATA D'INGRESSO DELL'APPLICATIVO
L'accesso di tecnag-interventi
Email e password, più l'accesso Microsoft come oggi. Campi con il solo bordo inferiore pieno.
I-AColonna e immagineFondo bianco, marchio e campi in colonna; sullo schermo largo l'immagine di fondo a fianco.
I-BIl pannello di strutturaPannello magenta col marchio in negativo e la targhetta dell'app, chiuso dalla sbarra; campi sul bianco.
16.1 · TUTTE LE ALTRE SCHERMATE
La testata di una schermata di lavoro
Esempio: il rapporto R-2026-0412 in bozza. La testata resta ferma mentre la pagina scorre; sul telefono i comandi scendono nella barra in basso.
S-ABarra magentaTarghetta e percorso nella barra di struttura, comandi a destra.
S-BTestata bianca con la sbarraTestata su bianco, targhetta magenta piena, la sbarra la separa dal contenuto.